import React, { Component } from 'react';
import { StyleSheet } from 'react-native';
import { Container, Content, Text, View, Button } from 'native-base';
import { connect } from 'react-redux';

// import {
//   // Api
//   initSdk,
//   fullVideo, //全屏视频
//   lastFullVideo,
//   rewardVideo, //激励视频
//   lastRewardVideo,
//   interaction, //插屏
//   lastInteraction,
//   loadFeed,
//   loadDraw,

//   // 组件
//   TTadBanner, 
//   TTadFeed, 
//   TTAdInteraction, 
//   TTAdSplash, 
//   TTAdDraw
// } from 'react-native-ttad'


// 也可以
import ttad, {TTadBanner} from 'react-native-ttad'




class Activity extends Component {
  constructor(props) {
    super(props);
    this.state = {

    }
  }

  // 生命周期组件 -- 渲染前调用
  UNSAFE_componentWillMount() {

  }

  // 生命周期组件
  componentDidMount() {
    // 调用api
    ttad.initSdk({
      appId:"5079954", // 应用ID, 该项必须(其他可选)
      appName:"魔方", //应用名称, 默认自动获取， 可另设
      showNotify:true, //是否允许sdk显示通知栏, 默认 true
      download4g:false, //在4g网络下是否可直接下载app, 默认 false
      lightBar:false, //打开广告网页是否使用浅色标题栏, 默认 false
      debug:false,   //是否输出日志 (是 android 日志,不是js), debug模式默认为true, 反之false
  });
  }

  //  路由地址
  toNavigateFunc(uri) {
    this.props.navigation.navigate(uri)
  }

  render() {
    return (
      <Container>
        <Content>
          <View style={Styles.btnContents}>

            <Button onPress={() => this.toNavigateFunc('DeviceInfo')}>
              <Text>获取设备信息</Text>
            </Button>
            {/* <Text></Text>
            <Button onPress={() => this.toNavigateFunc('Geolocation')}>
              <Text>获取地址信息</Text>
            </Button> */}
            <Text></Text>
            <Button onPress={() => this.toNavigateFunc('Scanning')}>
              <Text>扫描二维码</Text>
            </Button>
            <Text></Text>
            <Button onPress={() => this.toNavigateFunc('Qrcode')}>
              <Text>二维码生成</Text>
            </Button>
            <Text></Text>
            <Button onPress={() => this.toNavigateFunc('Vibrationp')}>
              <Text>振动器</Text>
            </Button>
            <Text></Text>
            <Button onPress={() => this.toNavigateFunc('OpenLink')}>
              <Text>打开链接</Text>
            </Button>

            // Banner
<TTadBanner
    intervalTime={0}   //轮播间隔时长, 毫秒
    canInterrupt={false} //若广告是视频, 是否可以暂停
    dislikeDisable={false} //禁用不喜欢, 还是会显示关闭那个x, 点了没效果
    dislikeNative={false} //点击不喜欢，是否弹出原生菜单 (是：菜单在底部, 否：菜单在中间)
    handleDislike={false} //是否自行处理不喜欢回调, 默认处理方式为移除组件
/>

          </View>

        </Content>
      </Container>
    );
  }

}

const mapStateToProps = state => ({

});

const mapDispatchToProps = dispatch => ({

});
export default connect(mapStateToProps, mapDispatchToProps)(Activity);

const Styles = StyleSheet.create({
  btnContents: {

  },
  btnContent: {
    flexDirection: "row",
    flexWrap: 'wrap',
    justifyContent: "space-around",
    alignItems: "center",
  },
});